<template>
    <div class=''>
          <!-- 头部 -->
         <Myhead>联系我们</Myhead>
         <div class="dit">
             <img src="@/assets/ditu.jpeg" alt="">
         </div>
         <div class="biao">
             <div class="biao1"><span><i class="bootomi iconfont icon-location"></i></span><div class="div">杭州市滨江区长河街道越达巷79号连连大厦A栋301</div></div>
               <div class="biao2"><span><i class="bootomi1 iconfont icon-hot-line"></i></span><div class="div1">400-9977-658</div></div>
         </div>
         <div class="er">
              <div class="img">
                  <img src="@/assets/3.png" alt="">
              </div>
              <div class="size">长按识别二维码关注微信咨询</div>
         </div>
         <myfoot ></myfoot>
    </div>
</template>

<script>
import Myhead from "@/components/Myhead";
import Myfoot from "@/components/Myfoot";
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {},
  components: {
    Myhead,
    Myfoot
  }
};
</script>

<style lang='scss'>
.dit {
  width: 100%;
  height: 235px;
  // border: 1px red solid;
  img {
    width: 100%;
  }
}
.biao {
  width: 100%;
//   border: 1px red solid;
  height: 140px;
  display: flex;
  background-color: white;
  .biao1 {
    width: 50%;
    height: 140px;
    // border: 1px red solid;
    span {
      display: block;
      border-radius: 50px;
      width: 80px;
      height: 80px;
      background-color: #39c894;
      //    margin-top: 20px;
      margin-left: 50px;
      .bootomi {
        font-size: 50px;
        line-height: 80px;
        margin-left: 15px;
        color: rgb(255, 255, 255);
      }
    }
    .div {
      // display: block;
      margin-top: 15px;
      font-size: 15px;
      color: rgb(97, 96, 96);
    }
  }
  .biao2 {
    width: 50%;
    height: 140px;
    // border: 1px red solid;
    span {
      display: block;
      border-radius: 50px;
      width: 80px;
      height: 80px;
      background-color: #39c894;
      //    margin-top: 20px;
      margin-left: 50px;
      .bootomi1 {
        font-size: 50px;
        line-height: 80px;
        margin-left: 15px;
        color: rgb(255, 255, 255);
      }
    }
    .div1 {
      // display: block;
      margin-top: 15px;
      font-size: 15px;
      color: rgb(112, 112, 112);
      text-align: center;
    }
  }
}
.er{
    width: 100%;
    height: 250px;
    // border: 1px red solid;
    .img{
        // line-height: 200px;

    // border: 1px red solid;
width: 160px;
height: 160px;
margin-left: 105px;
margin-top: 20px;
img{
    width: 100%;
}
    }
    .size{
        width: 100%;
    // border: 1px red solid;
    height: 30px;
    margin-top: 20px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    
    }

}
</style>
